<%-- 
    Document   : Layout
    Created on : Sep 29, 2011, 8:00:05 PM
    Author     : BinhNX
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%
    Boolean twoColumnLayout = (Boolean)request.getAttribute("twoColumnLayout");
    String contextType = "default";
    if (null == twoColumnLayout) twoColumnLayout = false;
       else if (true == twoColumnLayout) {
           contextType = String.valueOf(request.getAttribute("contextType"));
       }
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>
            <sitemesh:write property='title'/>
        </title>
        <sitemesh:write property='head'/>
        <link rel="stylesheet" href="<%=request.getContextPath()%>/Stylesheet/master.css" type="text/css" />
        <!--[if lte IE 8]>
        <link rel="stylesheet" href="<%=request.getContextPath()%>/Stylesheet/masterie.css" type="text/css" />
        <![endif]-->
        <script type="text/javascript" src="http://cms.template-help.com/magento_32895/skin/frontend/default/theme171/js/jquery-1.4.2.min.js"></script>
    </head>
    <body>    
        <div class="Header">
            <div class="Sp Sh-t"></div>
            <div class="Wr">
                <div class="Main">
                    <div class="Wr-w">
                        <div class="Logo">
                            <span class="Logo Fl-l">
                                Lo go ho ho
                            </span>
                            <span>
                                Slogan
                            </span>
                        </div>
                        <div class="Wr-tl Wr-t Wr-l">
                            <div class="Wr-tr Wr-t Wr-r">
                            <div class="Wr-tm Wr-t">
                                <div class="Mn Mn-gl">
                                    <ul class="Fl-l">
                                        <li class="Mn-gl Mn-active Fl-l">
                                            <a href="<%=request.getContextPath()%>">
                                                <span class="Wr-l">
                                                    <span class="Wr-r">
                                                        Trang chủ
                                                    </span>
                                                </span>
                                            </a>
                                        </li>
                                        <li class="Mn-gl Fl-l">
                                            <a href="<%=request.getContextPath()%>/Phim/index.jsp">
                                                <span class="Wr-l">
                                                    <span class="Wr-r">
                                                        Phim
                                                    </span>
                                                </span>
                                            </a>
                                        </li>
                                        <li class="Mn-gl Fl-l">
                                            <a href="<%=request.getContextPath()%>/Phim/Lich_chieu.jsp">
                                                <span class="Wr-l">
                                                    <span class="Wr-r">
                                                        Lịch chiếu
                                                    </span>
                                                </span>
                                            </a>
                                        </li>
                                        <li class="Mn-gl Fl-l">
                                            <a href="<%=request.getContextPath()%>/Du_lieu/index.jsp">
                                                <span class="Wr-l">
                                                    <span class="Wr-r">
                                                        Dữ liệu phim
                                                    </span>
                                                </span>
                                            </a>
                                        </li>
                                        <li class="Mn-gl Fl-l">
                                            <a href="<%=request.getContextPath()%>/Dat_ve/index.jsp">
                                                <span class="Wr-l">
                                                    <span class="Wr-r">
                                                        Đặt vé
                                                    </span>
                                                </span>
                                            </a>
                                        </li>
                                        <li class="Mn-gl Fl-l">
                                            <a href="<%=request.getContextPath()%>/Thong_tin/Khuyen_mai.jsp">
                                                <span class="Wr-l">
                                                    <span class="Wr-r">
                                                        Khuyến mãi
                                                    </span>
                                                </span>
                                            </a>
                                        </li>
                                        <li class="Mn-gl Fl-l">
                                            <a href="Its_not_a_bug" onclick="return false;">
                                                <span class="Wr-l">
                                                    <span class="Wr-r" style="color: #090909;">
                                                        Online*
                                                    </span>   
                                                </span>
                                            </a>
                                        </li>	
                                    </ul>
                                </div>
                                <div class="Sp Sh-b"></div>
                            </div></div>
                        </div>
                    </div>
                </div>
            </div>
	</div>
        
	<div class="Main">
            <div class="Wr-w">
                <div class="Wr-cl Wr-l">
                    <div class="Wr-cr Wr-r">
                    <div class="Wr-mm">
                        <div class="Sp Cl-a"></div>
                        <div class="Wr">
                            <!--
                            <div class="Banner">
                                    Banner include jsp
                            </div>
                            -->
                            <div class="Content">
                                <% if (twoColumnLayout) { %>
                                    <jsp:include page="TwoColumn/Main.jsp" >
                                        <jsp:param name="ContextType" value="<%=contextType%>" />
                                    </jsp:include>
                                    <div class="Wr-r Col-l" id="col-main">
                                <% } else { %>    
                                <div class="Wr-r" id="col-main">
                                <% } %>
                                    <sitemesh:write property='body'/>
                                </div>
                            </div>
                        </div>
                    </div></div>
                </div>
                <div class="Wr-bl Wr-b Wr-l">
                    <div class="Wr-br Wr-b Wr-r">
                    <div class="Wr-bm Wr-b"></div></div>
                </div>	
            </div>
	</div>
        
	<div class="Footer">
            <div class="Wr-w">
                <div class="Toc">
                </div>
                <div class="Info">
                        <div class="Sp Sh-t"></div>
                        <div>
                            <span style="position: absolute; width: 600px; margin-left: -300px; left: 50%">
                                <div>
                                    Copyleft   2011, Rainbow Inc. All wrongs reserverd
                                </div>
                                <div style="float: left">Copyleft</div>
                                <div style="-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)
                                    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2); float: left;">
                                    &copy;
                                </div>
                            </span>
                        </div>
                        <p>Phát triển bởi nhóm &lt;undefined&gt;. Thiết kế bởi <a href="http://binhnx218.wordpress.com">binhnx218</a>. 
                            Ảnh được lấy tại 
                            <a href="http://www.shape5.com/demo/pantheon/">shape5.com</a>. 
                            Xem mã nguồn tại 
                            <a href="http://code.google.com/p/mms901-q7p2-javaweb-rainbow/">Google code</a>.
                        </p>
                    </div>
            </div>
	</div>
        
        
        
        
        
	<div class="Debug"></div>
	<!--
	<div class="Notes">
		Note: Làm trang admin đi nhé :)
	</div>
	-->
        <script type="text/javascript">
            var mouseDownInMenu = false;
            $(function() {
                /*
                    $("li.Mn-gl").hover(function(ev_in) {
                            $(this).addClass("Mn-hover")
                            }, 
                            function(ev_out) {
                            $(this).removeClass("Mn-hover")
                    });
                    */
                    $("li.Mn-gl").mousedown(function(e) {
                        $(this).addClass("Mn-clicked");
                        mouseDownInMenu = true;
                    }).mouseout(function (e) {
                        if (mouseDownInMenu) {
                            $(this).removeClass("Mn-clicked Mn-hover");
                            mouseDownInMenu = false;
                        } else {
                            $(this).removeClass("Mn-hover");
                        }
                    }).mouseover(function(e) {
                        if (!mouseDownInMenu) $(this).addClass("Mn-hover");
                    })                       
            })
        </script>
    </body>
</html>
